﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1</title>
<script type="text/javascript" src="echo.js"></script>
<script type="text/javascript">
if (!window.WebSocket) { 
	alert("WebSocket not supported by this browser!"); 
}
</script>
<style type="text/css">
#consoleLog {
border: solid 1px #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
padding: 5px;
width: 100%;
height: 172px;
	overflow-y: scroll;
}

#consoleLog p {
	font-size: 11px;
	line-height: 150%;
}
</style>
</head>
<body style="text-align:center;" mce_style="text-align:center;">

<div id="echo">
<div id="echo-config" style="float: left;">
<strong>Location:</strong><br>
<input id="wsUri" size="35">
<br>
<input type="checkbox" id="secureCb" onClick="toggleTls();">
<span id="secureCbLabel" style="font-size: smaller; color: black;">Use secure WebSocket (TLS)</span><br>
<button id="connect">Connect</button>
<button id="disconnect">Disconnect</button>
<br>
<br>
<strong>Message:</strong><br>
<input id="sendMessage" size="35" value="Rock it with HTML5 WebSocket">
<br>
<button id="send" class="wsButton">Send</button>
</div>
<div id="echo-log" style="float: left; margin-left: 20px; padding-left: 20px; width: 350px; border-left: solid 1px #cccccc;"> <strong>Log:</strong>
<div id="consoleLog"></div>
<button id="clearLogBut" style="position: relative; top: 3px;">Clear log</button>
</div>
<div class="clearfix"></div>
</div>
</body>
</html>